<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    //获取距离过年时间
    <div></div>
    
    <script>
        var odiv=document.getElementsByTagName("div")[0]
    
        //防止刷新时候的一秒空白
        newYear()
        setInterval(newYear,1000)
        
        function newYear() {
    
            // 创建未来时间
            var future=new Date("2022-7-27")
            // console.log(future)
            //获取当前时间
            var modern=new Date()
    
            //求两个时间的差
            var error=future-modern     //226478718毫秒
    
            //获取出距离未来时间的秒数
            var s=Math.floor(error/1000)
    
            //获取出距离未来的天数    一天86400秒
            var day=Math.floor(s/86400)
    
            //获取出小时
            var H=Math.floor((s%86400)/3600)
    
            //获取出分钟
            var m=Math.floor(((s%86400)%3600)/60)
    
            //获取出秒数
            var se=s%60
    
            //渲染的页面
            odiv.innerHTML="距离过年还有:"+day+"天"+H+"小时"+m+"分钟"+se+"秒"
    
        }
    </script>
</script>
</body>
</html>